<div id="container" class="chart treemap has-legend"><div class="outer-container"><div class="inner-container"><div class="treemap-container"><div class="title-container" display="inline-block"><text class="title"></text></div><svg><g class="treemap"><g><rect class="treerect leafnode"></rect><text>Bookcases</text></g><g><rect class="treerect leafnode"></rect><text>Chairs</text></g><g><rect class="treerect leafnode"></rect><text>Furnishings</text></g><g><rect class="treerect leafnode"></rect><text>Tables</text></g><g><rect class="treerect leafnode"></rect><text>Appliances</text></g><g><rect class="treerect leafnode"></rect><text>Art</text></g><g><rect class="treerect leafnode"></rect><text>Binders</text></g><g><rect class="treerect leafnode"></rect><text>Envelopes</text></g><g><rect class="treerect leafnode"></rect><text>Fasteners</text></g><g><rect class="treerect leafnode"></rect><text>Labels</text></g><g><rect class="treerect leafnode"></rect><text>Paper</text></g><g><rect class="treerect leafnode"></rect><text>Storage</text></g><g><rect class="treerect leafnode"></rect><text>Supplies</text></g><g><rect class="treerect leafnode"></rect><text>Accessories</text></g><g><rect class="treerect leafnode"></rect><text>Copiers</text></g><g><rect class="treerect leafnode"></rect><text>Machines</text></g><g><rect class="treerect leafnode"></rect><text>Phones</text></g><g><rect class="treerect branchnode"></rect><text>Furniture</text></g><g><rect class="treerect branchnode"></rect><text>Office Supplies</text></g><g><rect class="treerect branchnode"></rect><text>Technology</text></g><g><rect class="treerect rootnode"></rect><text>root</text></g></g></svg><div class="parent-controls"><button id="goto-parent">⇪ null</button>
</div></div></div></div><div class="legend-container" borderbox-on-hover="true"><svg id="dragHandles" width="100"><g><rect id="dragleft" class="vertical-drag-handle" height="50" width="9" fill="lightgreen" fill-opacity="0" cursor="ew-resize"></rect><rect id="dragtop" class="horizontal-drag-handle" height="9" width="82" fill="lightblue" fill-opacity="0" cursor="ns-resize"></rect><rect id="dragright" class="vertical-drag-handle" height="50" width="9" fill="lightgreen" fill-opacity="0" cursor="ew-resize"></rect><rect id="dragbottom" class="horizontal-drag-handle" height="9" width="82" fill="lightblue" fill-opacity="0" cursor="ns-resize"></rect><rect id="dragtopleft" class="corner-drag-handle top left" height="9" width="9" fill="red" fill-opacity="0" cursor="nwse-resize"></rect><rect id="dragtopright" class="corner-drag-handle top right" height="9" width="9" fill="red" fill-opacity="0" cursor="nesw-resize"></rect><rect id="dragbottomright" class="corner-drag-handle bottom right" height="9" width="9" fill="red" fill-opacity="0" cursor="nwse-resize"></rect><rect id="dragbottomleft" class="corner-drag-handle bottom left" height="9" width="9" fill="red" fill-opacity="0" cursor="nesw-resize"></rect></g></svg><g class="legend-controls"><span id="up-arrow" class="disabled">▲</span>
<span id="page-text">1/1</span>
<span id="down-arrow" class="disabled">▼</span>
</g><svg class="legend"><g class="legendCells"><g class="cell"><circle class="swatch"></circle><text class="label">Fu</text><title>Furniture</title></g><g class="cell"><circle class="swatch"></circle><text class="label">Of</text><title>Office Supplies</title></g><g class="cell"><circle class="swatch"></circle><text class="label">Te</text><title>Technology</title></g></g></svg></div><div class="tooltip"><ul id="tooltip-values"></ul>
</div></div>